<template class="task-template">
    <section id="soundmgr-section" class="section js-section u-category-manager">
        <div class="page-header">
            <h1>　音效库 <small> / Sound library</small></h1>
        </div>
        <header>
            <div class="section-wrapper">
                <div class="panel panel-default res-terms-container" style="float:left;border:none;margin: 0;height: 30px;line-height: 30px;overflow: hidden;">
                    <input id="inputSearch-sound" type="text" style="width: 300px;height: 100%;border-radius: 5px;border: 1px solid #ccc;padding: 0 10px;" placeholder="搜索更多（多标签用空格分隔）" value="" />
                </div>
                <span id="btnImport-sound" class="btn btn-default btn-sm" style="float:right">导入</span>
                <span id="btnClean-sound" class="btn btn-default btn-sm" style="float:right">清理</span>
                <span style="float:right;height: 30px;line-height: 30px;padding-right: 15px;">音效资源总数:<strong id='total-sound'></strong>首</span>
            </div>
        </header>
        <div class="main-container">
            <div>
                <div class="main-container-row bgcolor-light-grey-linear border-bottom-grey">
                    <div class="main-container-screen-narrow">

                        <div class="panel panel-default" style="margin: 0 0 10px 0;padding: 2px 11px;">
                            <span style="font-weight: bold;">1级标签</span>
                            <span id="MainTagList-sound"></span>
                        </div>
                        <div id="ChildTagPanel-sound" class="panel panel-default tag-pannel" style="margin: 0 0 10px 0;padding: 2px 11px;">
                            <span style="font-weight: bold;">2级标签</span>
                            <span id="ChildTagList-sound"></span>
                        </div>
                        <div id="GrandsonTagPanel-sound" class="panel panel-default tag-pannel" style="margin: 0 0 10px 0;padding: 2px 11px;">
                            <span style="font-weight: bold;">3级标签</span>
                            <span id="GrandsonTagList-sound"></span>
                            <input id="inputTip-sound" type="text" class="min-input term-range btn btn-default btn-sm" style="margin:1px;width:100px;" placeholder="自定义标签" />
                            <span id='newtag-sound' class='btn btn-default btn-sm'>
                                <i class='icon-plus'></i>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="main-container-row bgcolor-light-grey-linear" style="padding: 10px 0 20px 0;">
                    <div class="main-container-screen-narrow">
                        <div class="res-tab-content-Detail">
                            <div class="item-info-list-box"></div>
                            <div style="height: 55px">
                                <div class="dropdown btn-sm" style="display:inline;padding-left: 0;">
                                    <button id='SelectAll-sound' class='btn btn-default btn-sm'>
                                        <i id="iCheck-sound" class='icon-ok'></i>
                                        <span id="sCheck-sound">全选</span>
                                    </button>
                                </div>
                                <div class="dropdown btn-sm" style="display:inline">
                                    <button id="DownloadAll-sound" class='fav-btn btn btn-default btn-sm'>
                                        <i class='icon-download'></i>
                                        <span>批量下载</span>
                                    </button>
                                </div>
                                <div class="dropdown btn-sm" style="display:inline">
                                    <button id="DeleteAll-sound" class='fav-btn btn btn-default btn-sm'>
                                        <i class='icon-trash'></i>
                                        <span>批量删除</span>
                                    </button>
                                </div>
                                <div class="dropdown btn-sm" style="display:inline">
                                    <button type="button" class="btn btn-default btn-sm">
                                        <i class='icon-plus'></i>
                                        <span>批量加标签</span>
                                        <button type="button" class="btn btn-default btn-sm dropdown-toggle"
                                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span class="caret"></span>
                                        </button>
                                    </button>
                                    <ul class="dropdown-menu" id="AddTagAll-sound">
                                    </ul>
                                </div>
                                <div class="dropdown btn-sm" style="display:inline">
                                    <button type="button" class="btn btn-default btn-sm">
                                        <i class='icon-minus'></i>
                                        <span>批量去标签</span>
                                        <button type="button" class="btn btn-default btn-sm dropdown-toggle"
                                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span class="caret"></span>
                                        </button>
                                    </button>
                                    <ul class="dropdown-menu" id="RemoveTagAll-sound">
                                    </ul>
                                </div>
                                <div class="btn-sm open_file" style="display:inline">
                                    <button class='fav-btn btn btn-default btn-sm'>
                                      <i class='glyphicon glyphicon-folder-open'></i>
                                      <span>打开下载文件</span>
                                    </button>
                                  </div>
                            </div>
                            <div class="item-info-page-nav" style="height: 30px;margin-top:-5px;margin-bottom:5px;">
                                <div id="pagination-sound" class="pagination" style="margin:0px;"></div>
                            </div>
                            <span id="resourceList-sound" class="resource-container">
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <div style="height:10px">
            </div>
        </div>
        </div>
        <script type="text/javascript">
            require('./renderer-process/soundmgr')
        </script>
    </section>
</template>